table.diff {
	font-family: Menlo, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;
	border: 1px solid #8f8f8f;
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
	-webkit-box-shadow: 5px 5px 5px #ccc;
}

table.diff tr td {
	font-size: 11px;
	white-space: pre;
	padding-left: 5px;
	padding-right: 5px;
}

table.diff td.code {
	width: 100%;
	border-left: 2px solid #d0d0d0;
}

table.diff tr.header td {
	border: 1px solid #8f8f8f;
	padding: 5px;
}

table.diff tr td.l {
	border-right: 1px solid #909090;
}

table.diff tr.r {
	background-color: rgba(0,255,0,0.1);
}

table.diff tr.l {
	background-color: rgba(255,0,0,0.1);
}

table.diff tr.r td.code {
	border-left-color: rgba(0,255,0,0.2);
}

table.diff tr.l td.code {
	border-left-color: rgba(255,0,0,0.2);
}

table.diff thead tr td p {
	margin: 0;
}

table.diff thead {
	background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, rgba(206,206,206,1)), color-stop(1, rgba(166,166,166,1)));
}

table.diff thead tr td {
	padding: 5px;
}

table.diff tbody tr.header {
	background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, rgba(244, 244, 244,1)), color-stop(1, rgba(215,215,215,1)));
}

table.diff .filemerge {
	float: right;
	text-align: center;
}

#diff {
	width: 100%;
	display: block;
	overflow: auto;
}

#diff table.diff {
	width: 98%;
	margin: auto auto 20px 1%;
}

table.header {
    font-family: Helvetica;
    font-size: 10pt;
    width: 100%;
    table-layout: fixed;
}

table.header td {
    vertical-align: top;
}

table.header > tr > td {
    width: 50%;
}

table.headercol {
    width: 100%
}

table.headercol > tbody > tr > td:first-child {
    font-weight: bold;
    text-align: right;
    color: gray;
}

.subject {
    font-family: monospace;
    white-space: pre-wrap;
}
